#box{
    width:400px;
    height: 400px;
    border: 1px solid #cccccc;
    margin: 0 auto;
}

#box div{
    width: 300px;
    margin-left: 50px;
}
#box #logo{
    padding-left: 106px;/*足够宽度显示背景图像*/
    width: 194px; /*保证盒子总宽度为300px*/
    background-image: url(../image/loginlogo.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    line-height: 50px;
    margin-top: 10px;

}
.input-box input{
   
    height: 50px;
    border: 1px solid #cccccc;
    padding-left: 15px;
    width: 285px;/*减少padding对应部分，保证盒子总宽度为300px*/
    outline: none;/*去掉系统给input设置的默认焦点边框*/
    line-height: 50px;

}
/*当用户点击输入框。即获得鼠标焦点*/
.input-box input:focus{
    border: 1px solid skyblue;
}
.input-box button{
    width: 300px;
    height: 50px;
    background-color: #5089e5;
    color: white;
    border:none;
}
.input-box button:hover{
    cursor: pointer;
}
.input-box button:active{
    box-shadow:inset 0 0 10px #000000;
    margin-top: 1px;
    background-color: #4884e5;
}
.input-box{
    
    margin-bottom: 15px;
}
.input-box p{
    color: red;
}
#box .item-box{
    margin-bottom: 15px;
}
#box .a-box a{
   text-decoration: none; 
}
#box .right-a{
    margin-left: 127px;
}
#box #oper-box{
    margin: 0px;
    margin-top: 20px;
    width: 100%;
    color: #4483f7;
    line-height: 52px;
    height: 52px;
    background-color:#f1f6fe ;
}
#box #oper-box a{
    color: #4483f7;
    text-decoration: none;
}
#box #oper-box .code{
     margin-left: 50px;
     margin-right: 30px;
}
#box #oper-box img{
    vertical-align: middle;
    border:none;
}
#box #oper-box .register{
    margin-left: 92px;
}